<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<title>dvd.polygonstudio.at</title>
	<meta name="description" content="">
	<meta name="author" content="">

	<meta name="viewport" content="width=device-width,initial-scale=1">

<link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/global.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/main.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/jquery-ui-1.8.13.custom.css" type="text/css" charset="utf-8" media="screen">
<!--link rel="stylesheet" href="handheld.css" type="text/css" media="handheld"-->

<link href='http://fonts.googleapis.com/css?family=Terminal+Dosis:500' rel='stylesheet' type='text/css'>
<!--link rel="stylesheet" href="XXXXXX/print.css" type="text/css" media="print" -->

<!--[if lte IE 8]>
<script src="/html5.js" type="text/javascript"></script>
<![endif]-->

<!-- Video JS -->
<link rel="stylesheet" href="css/video-js.css" type="text/css" media="screen" title="Video JS">

</head>
<body>

<section class="row" id="portal-columns">
    <hr class="hiddenStructure" />
    <div id="portal-columns-content" class="container">

        <article class="g960" id="content" role="main">
            <header>
                <h1>dvd.polygonstudio.at</h1>
                <p class="description">my simple dvd archive</p>
            </header>
            <ul id="viewList">
                <li><a href="movie_summary_view">view a</a></li>
                <li><a href="movie_listing">view b</a></li>
            </ul>
            <ul id="movies" class="moviePoster">
                <li class="first">
                    <a href="#movies/puss-in-boots"><img src="img/dvd/puss-in-boots.jpg" width="138" alt="Puss in Boots"></a>
                    <h3><a href="#movies/puss-in-boots">Puss in Boots</a></h3>
                </li>
                <li class="">
                    <a href="#movies/captain-america"><img src="img/dvd/captain-america.jpg" width="138" alt="Captain America"></a>
                    <h3><a href="#movies/captain-america">Captain America</a></h3>
                    <div class="overlay"></div>
                </li>
                <li class="last">
                    <a href="#movies/puss-in-boots"><img src="img/dvd/puss-in-boots.jpg" width="138" alt="Puss in Boots"></a>
                    <h3><a href="#movies/puss-in-boots">Puss in Boots</a></h3>
                </li>
            </ul>
            <footer class="hiddenStructure" role="contentinfo"><small>Autor, erstellt am <time pubdate="" datetime="2011-05-25T12:08:21+00:00">25. Mai 2011</time></small></footer>
            <div class="clear"><!-- --></div>
        </article>

        <aside id="sidebar-one" class="g240 sidebar" role="complementary">

            <dl class="banner portletContent first">
                <dt class="portletHeader">
                    <span class="portletTopLeft"></span>
                    <span class="icon arrowRight"></span><a href="XXXXXX" class="tile">XXXXXX</a>
                    <span class="portletTopRight"></span>
                </dt>
                <dd class="portletItem odd">XXXXXX</dd>
                <dd class="portletFooter">
                    <span class="portletBottomLeft"></span>
                    <span class="portletBottomRight"></span>
                </dd>
            </dl>

            <dl class="banner portletContent">
                <dt class="portletHeader">
                    <span class="portletTopLeft"></span>
                    <span class="icon arrowRight"></span><a href="XXXXXX" class="tile">XXXXXX</a>
                    <span class="portletTopRight"></span>
                </dt>
                <dd class="portletItem odd">XXXXXX</dd>
                <dd class="portletFooter">
                    <span class="portletBottomLeft"></span>
                    <span class="portletBottomRight"></span>
                </dd>
            </dl>

            <dl class="banner portletContent last">
                <dt class="portletHeader">
                    <span class="portletTopLeft"></span>
                    <span class="icon arrowRight"></span><a href="XXXXXX" class="tile">XXXXXX</a>
                    <span class="portletTopRight"></span>
                </dt>
                <dd class="portletItem odd">XXXXXX</dd>
                <dd class="portletFooter">
                    <span class="portletBottomLeft"></span>
                    <span class="portletBottomRight"></span>
                </dd>
            </dl>

            <div class="clear"><!-- --></div>
        </aside>

        <div class="clear"><!-- --></div>

    </div>
</section>


<script type="text/javascript" src="https://www.google.com/jsapi?key=ABQIAAAA-eqatwMZXsUz80oPKX7BmxT2yXp_ZAY8_ufC3CFXhHIE1NvwkxTpmZPdCuWgpof4jHPohuP41Cz7UA"></script>
<script type="text/javascript">
    google.load("jquery", "1.6.1");
    google.load("jqueryui", "1.8.13");
</script>
<script src="js/videojs/video.js" type="text/javascript"></script>
<script src="js/jquery/jquery.cookie/jquery.cookie.js" type="text/javascript"></script>
<script src="js/jquery/jquery.tools/1.2.5/jquery.tools.min.js" type="text/javascript"></script>
<script src="js/plone/overlayhelpers.js" type="text/javascript"></script>
<script src="js/plone/popupforms.js" type="text/javascript"></script>
<!--script src="http://www.serpere.info/jquery-history-plugin/jquery.history.js" type="text/javascript"></script-->
<script src="js/main.js" type="text/javascript"></script>
<script>

$(document).ready(function() {

    //----------------------------------------
    // VideoJS
    VideoJS.setupAllWhenReady();
    //----------------------------------------

    //----------------------------------------
    //
    //BOX expand onClick
    //
    $(".toggle").live("click", function() {
        $(this).children("span.icon").toggleClass("arrow-left arrow-down");
        $(this).parent().children("dd").slideToggle(600);
        $(this).parent().children("dd").toggleClass("open closed");
    });
    //----------------------------------------

    //----------------------------------------
    //
    //changeView onClick
    //
    $("ul#viewList li a").live("click", function() {
        $('#movies').toggleClass("movieList moviePoster");
    });
    //----------------------------------------

});

</script>


<script>
	var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']]; // Change UA-XXXXX-X to be your site's ID
	(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
	g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
	s.parentNode.insertBefore(g,s)}(document,'script'));
</script>

<!--[if lt IE 7 ]>
	<script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.2/CFInstall.min.js"></script>
	<script>window.attachEvent("onload",function(){CFInstall.check({mode:"overlay"})})</script>
<![endif]-->

</body>
</html>
